import { renderDemo } from '../../../render-demo';
import * as demos from './index';

export default { title: 'BarChart' };

export const Demo_usage = {
  name: '⭐ Demo: usage',
  render: renderDemo(demos.usage),
};

export const Demo_axisProps = {
  name: '⭐ Demo: axisProps',
  render: renderDemo(demos.axisProps),
};

export const Demo_color = {
  name: '⭐ Demo: color',
  render: renderDemo(demos.color),
};

export const Demo_colorSchemeColor = {
  name: '⭐ Demo: colorSchemeColor',
  render: renderDemo(demos.colorSchemeColor),
};

export const Demo_customTooltip = {
  name: '⭐ Demo: customTooltip',
  render: renderDemo(demos.customTooltip),
};

export const Demo_gridColor = {
  name: '⭐ Demo: gridColor',
  render: renderDemo(demos.gridColor),
};

export const Demo_legend = {
  name: '⭐ Demo: legend',
  render: renderDemo(demos.legend),
};

export const Demo_legendPosition = {
  name: '⭐ Demo: legendPosition',
  render: renderDemo(demos.legendPosition),
};

export const Demo_noTooltip = {
  name: '⭐ Demo: noTooltip',
  render: renderDemo(demos.noTooltip),
};

export const Demo_referenceLines = {
  name: '⭐ Demo: referenceLines',
  render: renderDemo(demos.referenceLines),
};

export const Demo_strokeDasharray = {
  name: '⭐ Demo: strokeDasharray',
  render: renderDemo(demos.strokeDasharray),
};

export const Demo_sync = {
  name: '⭐ Demo: sync',
  render: renderDemo(demos.sync),
};

export const Demo_tooltipAnimation = {
  name: '⭐ Demo: tooltipAnimation',
  render: renderDemo(demos.tooltipAnimation),
};

export const Demo_unit = {
  name: '⭐ Demo: unit',
  render: renderDemo(demos.unit),
};

export const Demo_xAxisOffset = {
  name: '⭐ Demo: xAxisOffset',
  render: renderDemo(demos.xAxisOffset),
};

export const Demo_yScale = {
  name: '⭐ Demo: yScale',
  render: renderDemo(demos.yScale),
};

export const Demo_stacked = {
  name: '⭐ Demo: stacked',
  render: renderDemo(demos.stacked),
};

export const Demo_waterfall = {
  name: '⭐ Demo: waterfall',
  render: renderDemo(demos.waterfall),
};

export const Demo_percent = {
  name: '⭐ Demo: percent',
  render: renderDemo(demos.percent),
};

export const Demo_vertical = {
  name: '⭐ Demo: vertical',
  render: renderDemo(demos.vertical),
};

export const Demo_seriesLabels = {
  name: '⭐ Demo: seriesLabels',
  render: renderDemo(demos.seriesLabels),
};

export const Demo_valueFormatter = {
  name: '⭐ Demo: valueFormatter',
  render: renderDemo(demos.valueFormatter),
};

export const Demo_barProps = {
  name: '⭐ Demo: barProps',
  render: renderDemo(demos.barProps),
};

export const Demo_axisLabels = {
  name: '⭐ Demo: axisLabels',
  render: renderDemo(demos.axisLabels),
};

export const Demo_barValueLabel = {
  name: '⭐ Demo: barValueLabel',
  render: renderDemo(demos.barValueLabel),
};

export const Demo_valueLabelProps = {
  name: '⭐ Demo: valueLabelProps',
  render: renderDemo(demos.valueLabelProps),
};

export const Demo_minBarSize = {
  name: '⭐ Demo: minBarSize',
  render: renderDemo(demos.minBarSize),
};

export const Demo_mixedStack = {
  name: '⭐ Demo: mixedStack',
  render: renderDemo(demos.mixedStack),
};

export const Demo_stripes = {
  name: '⭐ Demo: stripes',
  render: renderDemo(demos.stripes),
};

export const Demo_overlay = {
  name: '⭐ Demo: overlay',
  render: renderDemo(demos.overlay),
};

export const Demo_getBarColor = {
  name: '⭐ Demo: getBarColor',
  render: renderDemo(demos.getBarColor),
};

export const Demo_referenceArea = {
  name: '⭐ Demo: referenceArea',
  render: renderDemo(demos.referenceArea),
};
